<template>
    <div class="btnbox">
        <uap-button @click="success" type="primary" size="small">success</uap-button>
        <uap-button @click="fail" type="primary" size="small">fail</uap-button>
        <uap-button @click="cancel" type="primary" size="small">cancel</uap-button>
        <uap-button @click="loading" type="primary" size="small">loading</uap-button>
         <uap-button @click="text" type="primary" size="small">text 文字提示</uap-button>
    </div>
</template>

<script>
export default {
    methods: {
        success() {
            this.$toast.success({message: 'success'})
        },
        fail(){
            this.$toast.fail({message: 'fail'})
        },
        cancel(){
            this.$toast.cancel({message: 'cancel'})
        },
        loading(){
            this.$toast.loading({message: 'loading'})
        },
        text(){
            this.$toast('测试')
        },
    }
}
</script>

<style  scoped>
.btnbox{
    display: flex;
    flex-direction:column;
    align-items: center;
}
.btnbox>div{
    margin-top: 15px;
}
</style>
